<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<link href="css/bootstrap.min.css?v=3.3.6"
	th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0"
	th:href="@{/css/font-awesome.css?v=4.4.0}" rel="stylesheet">
<link href="/css/plugins/bootstrap-table/bootstrap-table.min.css"
	th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}"
	rel="stylesheet">
<link rel="stylesheet" href="/css/approval/box.css">
<link rel="stylesheet"
	href="/css/plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css">
<link rel="stylesheet" href="/css/approval/tableCheckboxStyle.css">
<link rel="stylesheet" type="text/css"
	href="/css/plugins/easyui/easyui.css">
<link rel="stylesheet" type="text/css"
	href="/css/plugins/easyui/icon.css">
</head>
<body>
	<div class="detailTop">
		<div style="padding: 13px 0 0 20px;">
			<div class="main_font_right">
				<button>Approved</button>
				<button>Consent</button>
				<button>Reject</button>
				<button>Arbitrary decision</button>
				<button onclick="edit()">Edit approval</button>
				<button>Status inquiry</button>
				<button>Delete</button>
				<button>...</button>
			</div>
			<div class="detailTitle">
				<span id="detailTopTitle" th:text="${detail.title}" style="font-weight: 700; color: #000;"></span>
				<span id="detailTopTag"></span>
			</div>
			<div class="detailAuthorAndTime">
				<img src="/img/approval/per_icon.png" /> <span id="detailAuthor" th:text="${detail.createUser}"></span>
				<span id="detailTime" th:text="${detail.createTime}"></span>
			</div>
		</div>
	</div>

	<div class="detailBody">
		<div id="detailInfo">
		<button id="foldBtn">Fold approval line &nbsp;<i class='fa fa-angle-down'></i><i class='fa fa-angle-up hidden'></i></button>
			<span class="compNum">
				<label>Completion Number :&nbsp;</label><span id="comNum" th:text="${detail.completeNum}"></span>
			</span> <span id="appIdSpan" th:text="${detail.appId}" style="display: none;"></span>
		</div>
		<table id="appvoalLinesTable" data-mobile-responsive="true"></table>
		<div id="contentText" th:text="${detail.content}" style="margin-top: 10px"></div>
		<!-- Post Content -->
		<article>
			<div class="container">
				<div class="col-sm-11">
					<div id="content" class="summernote"></div>
				</div>
	
			</div>
		</article>
	</div>

	<!-- --------------------------------------------------------------->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/plugins/easyui/jquery.easyui.min.js"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="/js/plugins/bootstrap-table/locale/bootstrap-table-locale-all.min.js"></script>
	<script src="/js/ajax-util.js"></script>
	<script type="text/javascript" src="/js/appjs/approval/pendingDetail.js"></script>

	<script type="text/javascript" th:inline="javascript">
		// $().ready(function() {
		// 	$('.summernote').summernote({
		// 		lang : 'zh-CN'
		// 	});
		// 	var content = /*[[${detail.content}]]*/
		// 	$('#content').code(content);
		// 	$('.summernote').destroy();
		// });
	</script>
</body>
</html>